/**
 * Created by mac on 2018/1/12.
 */
import React, { Component } from 'react';
import { StyleSheet, View } from 'react-native';
import { Label} from 'iftide';
import Basic from './demo/Basic';
import Basic1 from './demo/Basic1';


export default class Pagination_Demo extends Component{
    constructor(props) {
        super(props);
    }

    render(){

        return(
            <View style={styles.container}>
                <View style={styles.title}>
                    <Label text = '分页器 - Normal' fontWeight={'bold'} textDecorationLine={'underline'}/>
                </View>
                <Basic/>
                <View style={styles.title}>
                    <Label text = '分页器 - Small' fontWeight={'bold'} textDecorationLine={'underline'}/>
                </View>
                <Basic1/>
                <View style={styles.title}/>
            </View>
        );
    }
}
const styles = StyleSheet.create({
    container: {
        height: '100%',
        flexDirection: 'column',
        flex:1
    },
    title: {
        height: 44,
        paddingHorizontal: 13,
        backgroundColor: '#F5F7F9',
        justifyContent: 'center'
    }
});
